<template>
  <p>Foo Component</p>
  <div v-for="item in items">{{item.id}}</div>
</template>

<script>
import axios from 'axios'
export default {
  name: "EventList3Foo",
  data() {
    return {items: []}
  },
  mounted() {
    console.log('Foo Component11')
    // const res = await axios.get('events/')
    // console.log(res)
    axios.get('events/').then(res => {
      const {data} = res
      this.items = data;
    })
  }
}
</script>
